<template>
    <el-card shadow="never">
      <ul class="banner_desc">
        <div class="title_box">
          <div class="origin"></div>
          <li class="title_text">登录<a style="color: #ff6b00; text-decoration: none;" href="http://pay.weixin.qq.com" target="_blank">微信支付商户平台</a></li>
        </div>
      </ul>
      <img style="margin-top: 19px" src="https://static.scrm.keyid.cn/assets/images/web-pc/wx-1.jpeg" alt="" />
      <ul class="banner_desc">
        <div class="title_box">
          <div class="origin"></div>
          <li class="title_text">进入API安全模块，申请新证书，然后复制有效状态的证书序列号填入系统。</li>
        </div>
      </ul>
      <img style="margin-top: 19px" src="https://static.scrm.keyid.cn/assets/images/web-pc/wx-3.png" alt="" />
    </el-card>
  </template>
  <style lang="scss" scoped>
    .top {
      height: 30px;
      display: flex;
      border-bottom: 1px solid rgba(187, 187, 187, 100);
      font-size: 16px;
      font-size: 18px;
      color: #33302d;
      .top_text {
        color: #969696;
        font-size: 14px;
        margin: 2px 0 0 12px;
      }
    }
    .banner_desc {
      margin-top: 20px;
      background-color: #fffaf9;
      padding: 16px 0 0 20px;
      .title_box {
        display: flex;
        .origin {
          width: 6px;
          height: 6px;
          background-color: #ff6b00;
          border-radius: 50%;
          margin-top: 3px;
        }
        .title_text {
          line-height: 20px;
          margin-bottom: 16px;
          margin-top: -5px;
          margin-left: 6px;
        }
      }
    }
  
    img {
      width: 100%;
    }
  </style>
  